/* Efeito remove as 4 margens da body */
@media screen {
body
{
	background-color: #CCCCCC; 
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	/*margin:8px 0 16px;*/
	text-align:center;
}
	
.container {
	max-width: 800px;
	min-width: 640px;
	margin: 0 auto;
}	
	
/* Inicio Efeito ABAS */
.aba {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #d7c8a5;
	border-right: 1px solid #007933;
	border-top: 1px solid #007933;
	border-bottom: 1px solid #007933;
	padding: 5px;
	cursor: pointer;
}

.aba-sel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #007933;
	background-color: #f0ebd2;
	border-right: 1px solid #007933;
	border-top: 1px solid #007933;
	padding: 5px;
	cursor: text;
}

.tb-conteudo {
	border-right: 1px solid #007933;
	border-bottom: 1px solid #007933;
}

.conteudo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #007933;
	background-color: #f0ebd2;
	padding: 5px;
	width: 728px;
	height: 385px;
}

.t_aba {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #007933;
	background-color: #f0ebd2;
	padding: 5px;
	cursor: text;
}
/* Fim Efeito ABAS */



/* Efeito posiciona imagem sobre table e demais dados da pagina */
DIV.div_img
{
	position:absolute;
	width:100%;
    margin-top: 0.10in;
}

html table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	color: #000000;
	text-decoration: none;	
}

table,
div,
span
{
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	font-variant: inherit;
	text-transform: inherit;
	color: inherit;
	text-decoration: inherit;
}


a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	font-style:normal;
	line-height:normal;
	font-weight:inherit;
	font-variant:normal;
	text-transform:none;
	color: #16699B;
	text-decoration: none;
}

a img
{
	border: 0px solid black;
}

a.linkEscuro {
	color: white;

}

a.linkEscuro:hover {
	color: #e77817;
}

thead,
tfoot
{
	background-color: #d8d8d8;
	font-weight: bold;
}

.corFundo{
  background-color: #ffffff;
}

.erro
{
	width: 350px;
	min-height: 40px;
	background-color: #dc2622;
	font-weight: bold;
	color: white;
}

input[type=button], input[type=submit], .botao
{
	color: white;
	border-top: 1px solid #C1DAE8;
	border-left: 1px solid #C1DAE8;
	border-bottom: 1px solid #89A9BC;
	border-right: 1px solid #89A9BC;
	background: #18559D;
	/*font-size: 12px;
	font-weight: bold;
	border: 2px outset #16699b;
	background-color: #16699b;
	color: white;*/
	
}

.botao_disabled 
{
	border: 2px outset #aaaaaa;	
	background-color: #aaaaaa;
}
	
input[type=button]:hover, input[type=submit]:hover, .botao:hover
{
	background-color: #16409c;
}

.titulo,
.alerta,
.titulo_invertido,
.subtitulo,
.textoobs,
.enfatiza,
.mensagemok
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style:normal;
	line-height:normal;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	color: #125376;
	/*color: #3e5b34;*/
	text-decoration: none;
}

.row_on
{
}

.row_off
{
	background-color: #f0f0f0;
}

.alerta
{
	color: red;
}

.titulo_invertido2
{
	font-weight:bold;
	color: #f0ebd2;
	font-size: 13px;
}

.titulo_invertido
{
	color: #125376;
	font-size: 13px;
}

.subtitulo
{
	font-size: 13px;
	color: black;
	text-align: left;
}

.textoobs
{
	font-size: 8px;
}

.enfatiza
{
	font-size: 12px;
	color: black;
	font-weight: bold;
}

.mensagemok
{
	color: green;
	font-size: 12px;
	font-weight: bold;
}

.caixa_mensagem_sucesso
{
	width: 350px;
	min-height: 40px;
	background-color: #16699b;
	font-weight: bold;
	color: white;
}

/* inicio do estilo do overlib */
.fontClass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.capfontClass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.capfontClass A {
	color: #ffffff;
	font-size: 9px;
}
.fgClass {
	background-color: #ffffff;
}
.bgClass {
	background-color: #d8d8d8;
}
.fundopopup {
	background-color: #f0ebd2;
}

.font_legenda {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #336999;
}
/* fim do estilo do overlib */
	
	
/* Titulo do menu - pagina principal */

.tituloRound {
	color: #ffffff;
	font-weight: bold;
	font-family: verdana, sans-serif;
	}
	
.tituloRound td.c , .tituloRound td.s {
	background-color: #125376;
	}
	
.tituloMenu td.c {
	width: 244px;
	height: 29px;
	text-align: center;
	}

.tituloPagina td.c {
	padding-left: 27px;
	padding-right: 27px;
	height: 29px;
	text-align: center;	
}
	
	
.tituloPagina {
	margin-bottom: 20px;
	
}

/* Alertbox e messagebox */

.alertRound, .messageRound {
	color: #ffffff;
	font-weight: bold;
	font-family: verdana, sans-serif;
	}
	
.alertRound td.c , .alertRound td.s {
	background-color: #dc2622;
	}

.messageRound td.c , .messageRound td.s {
	background-color: #125376;
	}

/* Tabela de cadastro */

.cadastro {
	width: 350px;
	text-align: right;
}

.cadastro tr td input[type=text] ,
.cadastro tr td input[type=password] ,
.cadastro tr td textarea 
{
	width: 100%;
}

.cadastro tr td input[type=submit]  
{
	text-align:center;
}

.cadastro-input {
	width: 180px;
	text-align: left;
}

/* tabelas de relatorio */

.reportFilter {
	width: 550px;
	margin-bottom: 20px;
}

.reportFilter thead {
	font-weight: bold;
	background-color: #ffffff;
}

.reportFilter tr.row_on {
	
}

.reportFilter tr.row_off {
	background-color:#f0f0f0;
}

.reportFilter td.fieldLabel {
	text-align: right;
	width: 40%; 
	white-space: nowrap;
	padding-left: 6px;
	padding-right: 2px;
}

.reportFilter td.fieldValue {
	text-align: left;
}

.reportFilterResult {
	width: 700px;
}

.reportFilterResult td.fieldLabel {
	width: 1px;
}

/* Resultado de relatorio */

.reportResult {
	width: 700px;
}

.reportResult thead, .reportResult tfoot {
	background-color:#d8d8d8;
	font-weight:bold;
	text-align: center;
}

.reportResult td {
	text-align: center;
}

.reportResult td.numeric {
	text-align: right;
}

.caixaDeMensagem {
	font-weight: bold;
	text-align: center;
	width: 550px;
}

.caixaDeMensagem td.c , .caixaDeMensagem td.s {
	background-color: #F5F5F5;
	}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/* ---------------------------------------------- */

.toptable , .bottomtable {
	empty-cells: show; 
}

.toptable td , .bottomtable td{
	padding: 0; 
	margin: 0; 
	height: 18px; 
	background-repeat: no-repeat; 	
}

.toptable td , .bottomtable td {
	background-color: #125376; 	
	font-size: 1px; 
	line-height: 1px;	
}

.toptable .esq, .toptable .dir, .bottomtable .esq, .bottomtable .dir {
	width: 195px;
}

.toptable .meio, .bottomtable .meio {
	width: 387px;
}

.toptable .esq {
	background-image: url("/bntmercosul/public/images/barra_top_esq.gif"); 
	background-position: top left; 	
}

.toptable .meio {
	background-image: url("/bntmercosul/public/images/barra_top_meio.gif"); 
	background-position: top center; 	
}

.toptable .dir {
	background-image: url("/bntmercosul/public/images/barra_top_dir.gif"); 
	background-position: top right; 		
}

.bottomtable .esq {
	background-image: url("/bntmercosul/public/images/barra_down_esq.gif"); 
	background-position: top left;	
}

.bottomtable .meio {
	background-image: url("/bntmercosul/public/images/barra_down_meio.gif"); 	
	background-position: top center; 
	color: white;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.bottomtable .dir {
	background-image: url("/bntmercosul/public/images/barra_down_dir.gif"); 
	background-position: top right;	
}

.readonly {
	background-color: #EBEBE4;
}

/* Subsection Tabs
--------------------*/
ul.subsection_tabs {
	list-style:none;
	margin:0 0 0 0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;	
	height:20px;
	clear:both;
}

ul.subsection_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
}

ul.subsection_tabs li.tab a {
	font-weight: bold;
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	/* background-color:#fff; */
	color:#666;
	/*width:120px;*/
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	vertical-align: middle;
}

ul.subsection_tabs li.tab a:hover {
	color:#666;
}

ul.subsection_tabs li.tab a.active {
	background-color:#F0EBD2;
}

ul.subsection_tabs li.source_code {
	float:right;
}

/* ---------------- */

.detalheCadastro {
	background-color: #F4F2E7;
	}
	
#tabelaConteudo {
	width: 757px;
}	
	
}

@media print {
   table {font-size: 7pt; background: white;
   font-family: Arial, Helvetica, sans-serif;}
   .no_print { display: none; }
   
   
}



